﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<SDT.Admin.ViewModels.ArticleIndexViewModel>" %>
<%@ Import Namespace="SDT.Lib.Helpers" %>
<%@ Import Namespace="SDT.Lib.Paging" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Bài viết
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Header" runat="server">
	Bài viết
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="Message" runat="server">
    <%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%>  
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Toolbar" runat="server">
	<%= Html.Toolbar("Thêm mới", "/Article/Create", "new") %>
	<%= Html.Toolbar("Xóa tất cả", "#", "delete", string.Empty, "ConfirmDeleteAll();")%>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <%if(ViewData["MessageInfo"]==null){ %>
	<form action="/Article" method="post" name="adminForm" id="adminForm">
		<table width="100%">
			<tr>
			    <td align="left">
			        Tìm nhanh <%= Html.TextBox("Keyword", Model.Keyword) %>
			        <%= Html.ActionImageJS("Tìm kiếm", "icon-32-search.png", "document.adminForm.submit();", false)%>
			    </td>
				<td align="right">
				    <%=Html.DropDownList("CatID", new SelectList(Model.Categories, "ID", "Name", Model.CurrentCat).ToList(), "-- Phân mục --", new { onchange = "document.adminForm.submit();" })%>
				    <%=Html.DropDownList("PubStatus", new SelectList(Model.PubStatus, "Key", "Value", Model.CurrentPubStatus).ToList(), "-- Trạng thái hiển thị --", new { onchange = "document.adminForm.submit();" })%>
				    <%=Html.DropDownList("HotStatus", new SelectList(Model.HotStatus, "Key", "Value", Model.CurrentHotStatus).ToList(), "--Trạng thái tin Hot --", new { onchange = "document.adminForm.submit();" })%>				    
			        <%=Html.Hidden("hdAction", string.Empty)%>
			    </td>
			</tr>
		</table>
		<table width="100%" class="adminlist">
		    <thead>
			<tr>
				<th width="10" align="right">
					STT
				</th>
				<th width="30"></th>
				<th width="30"></th>
				<th>
					<%= Html.Sort("Tiêu đề", "Title", ViewData["orderDir"].ToString(), ViewData["order"].ToString())%>
				</th>
				<th style="width: 90px">
					<%= Html.Sort("Ngày viết", "AddDate", ViewData["orderDir"].ToString(), ViewData["order"].ToString())%>
				</th>
                <th style="width: 40px; color: #1D60FF;">
                    PubYN
                </th>
                <th style="width: 40px; color: #1D60FF;">
                    HotYN
                </th>
				<th style = "width: 30px" >
					<%= Html.Sort("ID", "ID", ViewData["orderDir"].ToString(), ViewData["order"].ToString())%>
				</th>
				<th style="width: 30px;text-align:center">
                   <%=Html.CheckBox("chkAll", new { onclick = "DoCheckBox(this);" })%>
                </th>
			</tr>
			</thead>
			<tbody>
		<% 
			int i = 0;
    		foreach (var item in Model.Articles) {
				i++;
		%>		
			<tr>
				<td align="right">
					<%= i.ToString() %>
				</td>
				<td align="center">
					<%= Html.ActionImage("Sửa", "icon-24-edit.png", "Article", "Edit", new Dictionary<string, object>(){{ "id", item.ID }})%>
				</td>
				 <td align="center">
					<%= Html.ActionImage("Xóa", "icon-24-delete.png", "Article", "Delete", new Dictionary<string, object>() { { "id", item.ID } })%>
				</td>
				<td>				    
				    <div>
				        <div class="div_img">
				            <a href="/Article/Details/<%= item.ID %>">
	                            <img class="represent" style="border:1px solid #ccc" alt="<%= item.Title %>" src="<%= string.Format("{0}{1}", Model.ImageRootUrl,""+item.ID+"_"+ item.ImagePath) %>" />
	                        </a>
	                    </div>
				        <div class="div_content">
		                    <strong><%=Html.Encode(item.Title) %></strong> 
		                    <div class="summary"><a href="/Article/Details/<%= item.ID %>"><%= Html.Encode(item.Summary) %></a></div>
				        </div>
				    </div>
				</td>
				<td>
					<%= Html.Encode(string.Format("{0:dd/MM/yyyy}",item.AddDate))%>
				</td>
                <td align="center">
                    <img alt="" id="imgPubYN_<%= item.ID %>" onclick="ChangePubYN(<%= item.ID %>);" value="<%= item.PubYN %>"
                        src="<%= item.PubYN ? "/Images/icon-32-apply.png" : "/Images/icon-32-cancel.png" %>" />
                </td>
                <td align="center">
                    <img alt="" id="imgHotYN_<%= item.ID %>" onclick="ChangeHotYN(<%= item.ID %>);" value="<%= item.HotYN %>"
                        src="<%= item.HotYN ? "/Images/icon-32-apply.png" : "/Images/icon-32-cancel.png" %>" />
                </td>
				<td>
					<%= Html.Encode(item.ID) %>
				</td>
				<td style="text-align:center"><%=Html.CheckBox("chk_" + item.ID.ToString())%></td>
			</tr>
	    
		<% } %>
        </tbody>
		</table>
		<%= Html.Hidden("order")%>
		<%= Html.Hidden("orderDir")%>
		
		<table width="100%">
            <tr>
                <td align="center">
             
                <div class="pager">
                <label>Hiển thị #</label>
                    <%
                        int[] pageSizeList = {1, 5, 10, 15, 20, 25, 50, 100, 200, 500};
                    %>
                    <%= Html.DropDownList("PageSize", new SelectList(pageSizeList, Model.Articles.PageSize), new { onchange = "document.adminForm.submit();" })%>

                    <%= Html.Pager(Model.Articles.PageSize, Model.Articles.PageNumber, Model.Articles.TotalItemCount)%>
                </div>
                </td>
            </tr>
        </table>
	</form>
 <% } %>
 
 
    <script type="text/javascript">
        function ChangePubYN(id) {
            var obj = $("#imgPubYN_" + id);
            ApplyChangeYN("/AjaxData/UpdateArticlePubYN/" + id + '/' + obj.attr("value"), id, obj);
        }

        function ChangeHotYN(id) {
            var obj = $("#imgHotYN_" + id);
            ApplyChangeYN("/AjaxData/UpdateArticleHotYN/" + id + '/' + obj.attr("value"), id, obj);
        }
        function ConfirmDeleteAll() {
            var isTrue = ConfirmDelete();
            if (isTrue) {
                ChangeAction('hdAction', 'delete');
                document.getElementById('adminForm').submit();
            }
            return false;
        }
    </script>

</asp:Content>
